<template>
	<view class="homeSearch">
		<view class="address">
			<text>成都市</text>
			<image src="../../static/image/homeAddressIcon.png" mode="widthFix" style="width: 20rpx" />
		</view>
		<view class="searchInput">
			<image src="../../static/image/searchIcon.png" mode="widthFix" style="width: 30rpx" />
			<input class="input" type="text" value="" placeholder="搜索你的关键词" placeholder-style="color:white" />
		</view>
		<view class="shop-message">
			<image class="shopIcon" src="../../static/image/shop.png" mode="widthFix" style="width: 70rpx" />
			<navigator url="/pages/home/message">
				<image class="shopIcon" src="../../static/image/homeMessage.png" mode="widthFix" style="width: 70rpx" />
			</navigator>
		</view>
	</view>
</template>

<script>
	export default {
		name: "homeSearch",
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.homeSearch {
		padding: 0 24rpx;
		margin-top: 100rpx;
		height: 88rpx;
		display: flex;
		align-items: center;
		.address{
			color: white;
			font-size: 24rpx;
		}
		.searchInput{
			height: 60rpx;
			background-color: rgba(#eaeaea, 0.4);
			border-radius: 30px;
			display: flex;
			margin-left: 24rpx;
			padding: 0 24rpx;
			align-items: center;
			font-size: 24rpx;
			width: 380rpx;
		}
		.shop-message {
			display: flex;
			.shopIcon {
				margin-left: 7rpx;
			}
		}
	}
</style>
